.plugins-results-header {
	color: var(--color-gray-90);
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	column-gap: 12px;

	.plugins-results-header__titles {
		display: flex;
		flex-direction: column;
		gap: 4px;

		.plugins-results-header__title {
			font-size: $font-body;
			font-weight: 500;
			line-height: 24px;
		}

		.plugins-results-header__subtitle {
			font-size: $font-body-small;
			line-height: 20px;
			color: var(--studio-gray-80);
			margin-bottom: 0;
		}

		.full-width-section & {
			.plugins-results-header__title {
				font-family: $brand-serif;
				font-size: rem(50px);
				line-height: 1.32;

				@media (max-width: 660px) {
					font-size: rem(40px);
					line-height: 1;
				}
			}
			.plugins-results-header__subtitle {
				font-size: $font-body-large;
				line-height: 1.4;
			}
		}
		.plugins-browser__category-results & {
			margin-bottom: 32px;
		}
	}

	.plugins-results-header__actions {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: space-between;
		margin-top: auto;

		.plugins-results-header__action {
			font-size: $font-body-small;
			display: flex;
			justify-content: flex-end;
			align-items: center;
			flex-grow: 4;
			text-decoration: underline;
			svg {
				margin-left: 2px;
			}
			.full-width-section & {
				font-size: $font-body;
				text-decoration: none;
			}
		}
	}
}
